<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>我的成绩信息</title>
    <link type="text/css" rel="styleSheet"  th:href="@{../static/themes/icon.css}" />
    <link type="text/css" rel="styleSheet"  th:href="@{../static/themes/default/easyui.css}" />
    <script th:src="@{../static/js/jquery.js}"></script>
    <script th:src="@{../static/js/jquery.easyui.min.js}"></script>
    <script th:src="@{../static/js/easyui-lang-zh_CN.js}"></script>
    <style>
        .first{
            width: 100%;
            height: 95%;
        }
    </style>
</head>
<body class="first">
<!-按钮组-->
<!--<div class="data">
    <input class="search" type="text" name="keyword"/>

</div>-->
<table class="table_teacher">
    <thead>
    <tr>
        <th data-options="field:'course_name',width:100" align="center">科目</th>
        <th data-options="field:'course_id',width:100" align="center">科目id</th>
        <th data-options="field:'grade',width:100" align="center">分数</th>
    </tr>
    </thead>
</table>

<script>
    $(function () {
        $(".table_teacher").datagrid({
            title:"我的成绩信息",
            iconCls:"icon-man",
            height:670,
            weight:1000,
            url:'/studentGradeLists',           //展示json数据
            toolbar: ".data",             //引用按钮组
            checkOnSelect:true,           //复选框选中才是真正的选中
            fitColumns:true,              //根据数据自适应列宽
            striped:true,                 //灰白相间
            pagination:true,               //开启分页

        });
        /*$(".search").textbox({
            buttonIcon:"",                               //按钮图片
            buttonText:"搜索" ,                           //按钮文本内容
            onClickButton:function () {
                //获取输入值
                var keyword = $(".search").val();
                $.ajax({
                    url: "/keyExamStudentCourse",
                    type:"post",
                    data:keyword,
                    success:function (json) {
                        console.log(json);
                        $(".table_teacher").datagrid({
                            url:'/keyTeacherList',
                        });
                    }
                });
            }
        });*/
    })
</script>
<script>
    function test1() {
        $(".table_teacher").datagrid('reload')  //重新加载当前页数据
    }
</script>
</body>
</html>